<html>
<head>
<wicket:head>
<style>
	.sc-colLeft{
		text-align:right;
		padding-right:10px;
		border: none;
		/*font-weight:bold;*/
		width:300px;
	}
	.sc-colRight{
		text-align:left;
		padding-left:10px;
		border:none;
		width:300px;
	}
	
	.sc-colRight input{
		width: 250px;
	}
	
	.advOpt{
		display:none;
	}
	
	.sc-block{
		margin: 5px;
		border-bottom: 1px solid #DEDDEF;
	}
</style>
<script language="JavaScript">
$(document).ready(function(){
		$('#advmail').toggle(
			function(){$('.advOpt').show();},
			function(){$('.advOpt').hide();}
		);
	});
</script>
</wicket:head>
</head>
<body>
<wicket:extend>
						<div style="border-bottom:1px solid #DEDDEF;padding-left:10px;"><h2>System Configuration Settings</h2></div>
						<div id="rpanel" style="padding-left:5px;padding-bottom:25px;">
                        	<!--
                            <div style="margin-top:10px;margin-left:-5px;">
                                <ul class="wbar">
                                	<li class="sel"><span>Create Backup</span><!-- dont remove span tag --//></li>
                                    <li><a href="#">Restore from Backup</a></li>
                                </ul>
                            </div>
                            -->
                            <div class="sc-block" style="border: 1px dashed red; padding:0px 5px;background-color:#DEDDEF;">
								<p><strong><span style="color:red;">WARNING!</span>&nbsp;</strong>Please note that these settings are very critical for application to function. 
								Wrong input may cause partial or complete system failure.</p>
								<p><strong>PLEASE DO NOT MAKE CHANGES THAT YOU ARE NOT SURE ABOUT.</strong></p>
                            </div>
                            <form wicket:id="form">
                            <div class="clearfix">
                            	<div style="float:right; margin:right:20px;">
                            		<input wicket:id="undoTop" type="submit" value="Undo Changes" />&nbsp;&nbsp;<input wicket:id="saveTop" type="submit" value="Save" />
                            	</div>
                            </div>
                            <div class="sc-block">
                            	<!-- MAIL SETTINGS -->
                            	<h4>Mail Settings</h4>
                            	<div class="clearfix">
									<table>
										<tr>
											<td class="sc-colLeft">SMTP Host</td><td class="sc-colRight"><input wicket:id="smtpHost" type="text" /></td>											
										</tr>
										<tr>
											<td class="sc-colLeft">SMTP Port</td><td class="sc-colRight"><input wicket:id="smtpPort" type="text" /></td>
										</tr>
										<tr>
											<td class="sc-colLeft">Mail Sender's Email ID</td><td class="sc-colRight"><input wicket:id="mailId" type="text" /></td>
										</tr>
										<tr>
											<td class="sc-colLeft">Mail Sender's Email Password</td><td class="sc-colRight"><input wicket:id="mailPassword" type="password" /></td>
										</tr>
										<tr>
											<td  class="sc-colLeft"><a id="advmail" href="#">Advanced Settings</a></td>
										</tr>
										<tr class="advOpt">
											<td class="sc-colLeft">Use Authentication</td><td class="sc-colRight"><select wicket:id="useAuth"><option>true</option><option>false</option></select></td>
										</tr>
										<tr class="advOpt">
											<td class="sc-colLeft">STARTTLS</td><td class="sc-colRight"><select wicket:id="starttls"><option>true</option><option>false</option></select></td>
										</tr>
										<tr class="advOpt">
											<td class="sc-colLeft">Use SSL</td><td class="sc-colRight"><select wicket:id="useSSL"><option>true</option><option>false</option></select></td>
										</tr>
										
									</table>
                            	</div>
                            	                            	
                            </div>
                            <div class="sc-block">
                            	<!-- STORAGE -->
                            	<h4>Storage</h4>
                            	<div class="clearfix">
									<table>
										<tr>
											<td class="sc-colLeft">Files Directory</td><td class="sc-colRight"><input wicket:id="storageDir" type="text" /></td>											
										</tr>
										<tr>
											<td class="sc-colLeft">Maximum File Size For Upload (in KB)</td><td class="sc-colRight"><input wicket:id="uploadLt" type="text" /></td>
										</tr>
										<tr>
											<td class="sc-colLeft">Maximum File Size of a Backup File (in MB)</td><td class="sc-colRight"><input wicket:id="bkpFileSize" type="text" /></td>
										</tr>
										
									</table>
                            	</div>
                            	                            	
                            </div>
                            <div class="sc-block">
                            	<!-- ENVIRONMENT -->
                            	<h4>Environment</h4>
                            	<div class="clearfix">
									<table>
										<tr>
											<td class="sc-colLeft">Domain Name of <span>EduCreek</span> on Glassfish Server</td><td class="sc-colRight"><input wicket:id="glassfishDomain" type="text" /></td>											
										</tr>
										<tr>
											<td class="sc-colLeft">Database Name</td><td class="sc-colRight"><input wicket:id="dbName" type="text" /></td>
										</tr>
										<tr>
											<td class="sc-colLeft">Database User Name</td><td class="sc-colRight"><input wicket:id="dbUser" type="text" /></td>
										</tr>
										<tr>
											<td class="sc-colLeft">Database Password</td><td class="sc-colRight"><input wicket:id="dbPassword" type="text" /></td>
										</tr>
										<tr>
											<td class="sc-colLeft">Database Host</td><td class="sc-colRight"><input wicket:id="dbHost" type="text" /></td>
										</tr>
										<tr>
											<td class="sc-colLeft">Database Port</td><td class="sc-colRight"><input wicket:id="dbPort" type="text" /></td>
										</tr>
										
									</table>
                            	</div>
                            </div>
                            <div class="clearfix">
                            	<div style="float:right; margin:right:20px;">
                            		<input wicket:id="undoBottom" type="submit" value="Undo Changes" />&nbsp;&nbsp;<input wicket:id="saveBottom" type="submit" value="Save" />
                            	</div>
                            	<div id="alertSave" title="Confirm Updates in System Configuration?">
                            		<p>You are about to save change in configuration settings. 
                            		Configuration setting are critical for the application to work properly.
                            		Are you sure to make these changes?</p>
                            		<p>Click OK to continue saving the data. Click cancel to cancel the update process.</p>
                            	</div>
                            </div>
                            </form>
                        </div>
</wicket:extend>
</body>
</html>